<template>
	<view class="apps">
		<uv-notice-bar
			:text="text"
			:step="true"
			mode="link"
			speed='300'
			@click="clickNotice"
			url="/pages/notice/index"
			color="#3d76ff"
			bgColor="#e3ebff">
		</uv-notice-bar>
		<view class="mlr20 mt20 plr20 ptb20 bgwhite br15">
			<uv-grid :col="4" :border="false">
				<uv-grid-item>
					<view class="flex fdc mt20 plr50 ptb10 aic navbg br10">
					<uv-icon name="/static/d.png" :size="40"></uv-icon>
					<text class="grid-text b">预约场地</text>
					</view>
				</uv-grid-item>
				<uv-grid-item>
					<view class="flex fdc mt20 plr50 ptb10 aic navbg br10">
					<uv-icon  name="/static/c.png" :size="40"></uv-icon>
					<text class="grid-text b">购会员卡</text>
					</view>
				</uv-grid-item>
				<uv-grid-item>
					<view class="flex fdc mt20 plr50 ptb10 aic navbg br10">
					<uv-icon name="/static/my.png" :size="40"></uv-icon>
					<text class="grid-text b">我的预约</text>
					</view>
				</uv-grid-item>
			</uv-grid>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				text:[//重构notice
					'uv-ui众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨',
					'uv-ui众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨',
					'search',
					'ouno'
				]
			}
		},
		onLoad() {

		},
		methods: {
			clickNotice(e){
				console.log(e);
			}
		}
	}
</script>

<style>

</style>
